<!DOCTYPE html>
<html>

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>商家审核</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="/plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="/css/style.css">
	<script src="/plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="/plugins/bootstrap/js/bootstrap.min.js"></script>
    
</head>

<body class="hold-transition skin-red sidebar-mini"  >
  <!-- .box-body -->
  <div class="box box-primary">
	  <div class="box-header with-border">
		  <h3 class="box-title">商家审核</h3>
	  </div>
	  <div class="box-body">
		  <!-- 数据表格 -->
		  <div class="table-box">
			  <div class="box-tools pull-right">
				  <div class="has-feedback">
					  公司名称：<input  >
					  店铺名称： <input  >
					  <button class="btn btn-default" >查询</button>
				  </div>
			  </div>
			  <!--工具栏/-->
			  <!--数据列表-->
			  <table id="dataList" class="table table-bordered table-striped table-hover dataTable">
				  <thead>
				  <tr>
					  <th class="" style="padding-right:0px">
						  <input id="selall" type="checkbox" class="icheckbox_square-blue">
					  </th>
					  <th class="sorting_asc">商家ID</th>
					  <th class="sorting">公司名称</th>
					  <th class="sorting">店铺名称</th>
					  <th class="sorting">联系人姓名</th>
					  <th class="sorting">公司电话</th>

					  <th class="text-center">操作</th>
				  </tr>
				  </thead>
				  <tbody id="table">

				  </tbody>
			  </table>
		  </div>
	  </div>
  </div>
<!-- 商家详情 -->
<div class="modal fade" id="sellerModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" >
	<div class="modal-content">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			<h3 id="myModalLabel">商家详情</h3>
		</div>
		<div class="modal-body">
			 <ul class="nav nav-tabs">
			  <li class="active"><a href="#home" data-toggle="tab">基本信息</a></li>
			  <li><a href="#linkman" data-toggle="tab">联系人</a></li>
			  <li><a href="#certificate" data-toggle="tab">证件</a></li>
			  <li><a href="#ceo" data-toggle="tab">法定代表人</a></li>
			  <li><a href="#bank" data-toggle="tab">开户行</a></li>
			</ul>							
			
			<!-- 选项卡开始 -->         
			<div id="myTabContent" class="tab-content">
    <div class="tab-pane active in" id="home">

		<input type="hidden" id="sellerId">
      <br>
      <table class="table table-bordered table-striped"  width="800px">
      	<tr>
      		<td>公司名称</td>
      		<td id="sellerName"></td>
      	</tr>
      	<tr>
      		<td>公司手机</td>
      		<td id="mobile"></td>
      	</tr>
      	<tr>
      		<td>公司电话</td>
      		<td id="telephone"></td>
      	</tr>
      	<tr>
      		<td>公司详细地址</td>
      		<td id="addressDetail"></td>
      	</tr>
      </table>
   			</div>
    <div class="tab-pane fade" id="linkman">
    	<br>
		<table class="table table-bordered table-striped" >
      	<tr>
      		<td>联系人姓名</td>
      		<td id="linkmanName"></td>
      	</tr>
      	<tr>
      		<td>联系人QQ</td>
      		<td id="linkmanQq"></td>
      	</tr>
      	<tr>
      		<td>联系人手机</td>
      		<td id="linkmanMobile"></td>
      	</tr>
      	<tr>
      		<td>联系人E-Mail</td>
      		<td id="linkmanEmail"></td>
      	</tr>
      </table>
    </div>
    <div class="tab-pane fade" id="certificate">
		<br>
		<table class="table table-bordered table-striped" >
	      	<tr>
	      		<td>营业执照号</td>
	      		<td id="licenseNumber"></td>
	      	</tr>
	      	<tr>
	      		<td>税务登记证号</td>
	      		<td id="taxNumber"></td>
	      	</tr>
	      	<tr>
	      		<td>组织机构代码证号</td>
	      		<td id="orgNumber"></td>
	      	</tr>
     	</table>
    </div>
    <div class="tab-pane fade" id="ceo">
		<br>
		<table class="table table-bordered table-striped" >
	      	<tr>
	      		<td>法定代表人</td>
	      		<td id="legalPerson">王小聪</td>
	      	</tr>
	      	<tr>
	      		<td>法定代表人身份证号</td>
	      		<td id="legalPersonCardId"></td>
	      	</tr>
     	</table>
    </div>
    <div class="tab-pane fade" id="bank">
		<br>
		<table class="table table-bordered table-striped" >
	      	<tr>
	      		<td>开户行名称</td>
	      		<td name="bankName"></td>
	      	</tr>
	      	<tr>
	      		<td>开户行支行</td>
	      		<td name="bankName"></td>
	      	</tr>
	      	<tr>
	      		<td>银行账号</td>
	      		<td id="bankUser"></td>
	      	</tr>
     	</table>
    </div>
		    </div>

           <!-- 选项卡结束 -->          
			
			
		</div>
		<div class="modal-footer">						
			<button class="btn btn-success" data-dismiss="modal" aria-hidden="true" onclick="updateSeller(1)">审核通过</button>
         	<button class="btn btn-danger"  data-dismiss="modal" aria-hidden="true" onclick="updateSeller(2)">审核未通过</button>
            <button class="btn btn-danger" data-dismiss="modal" aria-hidden="true" onclick="updateSeller(2)">关闭商家</button>
			<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
		</div>
	  </div>
	</div>
</div>
</body>

</html>
<script>
	$(function () {
		getdata();
	})
	function getdata(id) {
		$.ajax({
     		 url:"/SellerController/getToshow",
     		 type:"post",
     		 dataType:"json",
     		 success:function (parameter) {
				var list = parameter.data;
				var arr = "";
				for(var i = 0;i < list.length;i++){
					arr += '<tr>'
					arr += '<td><input  type="checkbox"></td>'
					arr += '<td>'+list[i].sellerId+'</td>'
					arr += '<td>'+list[i].name+'</td>'
					arr += '<td>'+list[i].nickName+'</td>'
					arr += '<td>'+list[i].linkmanName+'</td>'
					arr += '<td>'+list[i].telephone+'</td>'
					arr += '<td class="text-center">'
					arr += '<button type="button" class="btn bg-olive btn-xs" data-toggle="modal" onclick="selectByid(\''+list[i].sellerId+'\')" data-target="#sellerModal" >详情</button>'
					arr += '</td>'
					arr += '<tr>'
				}
				  $("#table").html(arr);
     		 },
     		 error:function () {
     		     alert("代码错误")
     		 }
  		})
	}

	function selectByid(id) {
		alert(id)
		$.ajax({
			url:"/SellerController/selectByid",
			data: {sellerId:id},
			type:"post",
			dataType:"json",
			success:function (parameter) {
				var seller = parameter.data;
				console.log(seller);
				$("#sellerId").val(seller.sellerId);
				$("#sellerName").text(seller.name);
				$("#mobile").text(seller.mobile);
				$("#telephone").text(seller.telephone);
				$("#addressDetail").text(seller.addressDetail);
				$("#linkmanName").text(seller.linkmanName);
				$("#linkmanQq").text(seller.linkmanQq);
				$("#linkmanMobile").text(seller.linkmanMobile);
				$("#linkmanEmail").text(seller.linkmanEmail);
				$("#licenseNumber").text(seller.licenseNumber);
				$("#taxNumber").text(seller.taxNumber);
				$("#orgNumber").text(seller.orgNumber);
				$("#legalPerson").text(seller.legalPerson);
				$("#legalPersonCardId").text(seller.legalPersonCardId);
				$("[name=bankName]").text(seller.bankName);
				$("#bankUser").text(seller.bankUser);
			},
			error:function () {
				alert("代码错误")
			}
		})
	}

	function updateSeller(obj){
		$.ajax({
			url:"/SellerController/updateSeller",
			type:"post",
			data:{sellerId:$("#sellerId").val(),status:obj},
			dataType:"json",
			success:function (result){
				if(result.code == 100){
					alert("修改成功")
				}
			},
			error:function (){
				alert("审核异常");
			}
		})
	}

</script>